<template>
    <div>
        <!-- nuxt/ui 组件  不需要引入 -->
        <!-- <NuxtWelcome /> -->
        <h1>hello nuxt3</h1>
    </div>
</template>
<script setup>
// 1. 获取运行时的配置
const runtimeConfig = useRuntimeConfig()
// if(process.server){
//     console.log(runtimeConfig.appKey);
//     console.log(runtimeConfig.public.baseUrl);
//     console.log(runtimeConfig.aaaa);
//     console.log(runtimeConfig.aBc);
// }
// if(process.client){
//     console.log(runtimeConfig.appKey); // 不能获取
//     console.log(runtimeConfig.public.baseUrl);
//     console.log(runtimeConfig.aaaa);
//     console.log(runtimeConfig.aBc);
// }


// 2. 获取appConfig
const appConfig = useAppConfig()
// console.log(appConfig.title);
// console.log(appConfig.theme.primary);
onMounted(()=>{
    document.title = appConfig.title
})


// 3. 动态的设置app配置 head内容
useHead({
    title:"new App head",
    style:[],
    link:[],
    meta:[]
})

</script>